<template>
	<view class="m-btn-start">
		<view class="_outer_btn_flex" @tap="tapMX(url)">
			<view class="_flex_left">
				<image class="_btn" src="../../static/img/start_btn.png"></image>
				<label class="_lab">{{text}}</label>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'm-btn-start',
		props:{
			btnData:{
				type:Array,
				default: () =>{
					return [
						{
							"url": "/pages/divine/main_type",
							"text": "开始", 
						}
					]
				}
			},
			text:{
				type:String,
				default:'按钮'
			},
			url:{
				type:String,
				default:''
			}
		},
		data() {
			return {
			};
		},
		computed:{
			getBtnData(){
				return this.btnData
			}
		},
		methods:{
			tapMX(_type){
				this.$emit("click", {
				  "path": _type,
				});
			}
		}
	}
</script>

<style lang="scss">
	.m-btn-start{
		position:absolute;
		vertical-align:middle;
		width:100%;
		bottom:235upx;

		
		._outer_btn_flex{
			height:219upx;
			display:flex;
			position:relative;
			width:100%;
			height:auto;
			
			._flex_left{
				width:100%;
				position:relative;
				display:flex;
				text-align:center;
				
				._btn{
					width:150rpx;
					height:140rpx;
					display:flex;
					margin:auto;
					position:relative;
				}
				
				._lab{
					width:100%;
					z-index:6;
					height:76px;
					line-height:140rpx;
					text-align:center;
					font-size:13pt;
					font-weight:bold;
					color:white;
					position:absolute;
				}
			}
		}
	}
</style>
